﻿@import "../../css/_theme";

#set-company{
    margin-top:8rem;
    margin-bottom:2rem;
    min-height:100%;
}

#sc-searchbox{
    margin:0 auto;
    width:600px;
    &>input{
        text-align:center;
        padding-right:10rem;
    }
    &>button{
        width:10rem;
    }
}

#sc-searching {
    min-height: 30rem;

    &.busy {
        background-image: url('/UI/imgs/loading-2.gif');
        background-repeat: no-repeat;
        background-position: center;
    }
}

#sc-companies {
    padding: 1rem 0;
    clear:both;

    & > ul {
        & > li {
            width: 50%;
            float: left;
        }
    }
}

#sc-nomine{
    clear:both;
    text-align:center;
    background-color:$ClrMsg;
    border:1px solid $ClrMsgBorder;
    top:2rem;
    padding-bottom:1rem;
    margin-bottom:4rem;
    &>button{
        height:3rem;
        line-height:3rem;
        font-size:1.6rem;
    }
}

.company-card {
    height: 11rem;
    padding: .5rem;
    position: relative;
    border: 1px solid #e2e2e2;
    overflow: hidden;
    margin-top:-1px;
 
    & > button {
        position: absolute;
        bottom: 1rem;
        right: 2rem;
    }

    &:hover {
        background-color: white;
        box-shadow: 0px 0px 20px 0px #d0d0d0;
        transition: all linear .5s;
        z-index: 1;

        & > button {
            background-color: $ClrFocus;
            color: $ClrFocusTxt;
        }
    }

    &:after {
        content: ' ';
        background-image: url('/UI/imgs/icon-tags.png');
        position: absolute;
        width: 64px;
        height: 64px;
        top: -15px;
        right: -10px;
    }

    &.uncertified {
        &:after {
            background-position-x: -64px;
        }
    }
}

#new-company{
    &>.InfoCard{
        box-shadow:none;
    }
}

#frm-newcompany{
    width:50%;
    padding:0 2rem;
}

#upr-licencepic {
    display: inline-block;
    width: 20rem;
    height: 26rem;
    border: 1px dashed gray;
    border-radius: 1px;

    & > img {
        height: 26rem;
        width: 20rem;
    }
}

#nc-process{
    text-align:center;
    line-height:3;
}
#nc-process-submiting{

    &>.ProcessBar{
        margin:1rem auto;
    }
}

#nc-process-err {
    background-image: url(/UI/imgs/fail-submit.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 20rem;
    height: 20rem;
    padding-top: 22rem;
    color:$ClrErr;
}

#new-employee{
    text-align:center;
    margin-top:15rem;
}

.ne-employeecard {
    width: 65rem;
    height: 30rem;
    margin: 4rem auto;
    background-color: white;
    box-shadow: 0px 4px 20px 0px #769aa7;
    border-radius: 5px;
    display: table;
    overflow: hidden;
}
.ne-employeecard-left{
    height:30rem;
    background-color:$ClrThemeBk;
    width:30rem;
    max-width:30rem;
    display:table-cell;
    vertical-align:middle;
    color:white;
}
.nee-logo {
    width:10rem;
    max-height:10rem;
}

.ne-employeecard-middle {
    height: 30rem;
    width: 5rem;
    display: table-cell;
    background-color:#e4e4e4;
}

.ne-employeecard-right {
    height: 30rem;
    width: 30rem;
    display: table-cell;
    text-align: left;
    font-weight: bold;
    padding-top:5rem;
    max-width:30rem;
    & > li {
        position: relative;
        font-size: 1.4rem;
        line-height: 2.8rem;
        padding-left:5px;
        margin:1rem 0;
        word-wrap:break-word;
        & > i {
            font-size: 2.8rem;
            position: absolute;
            left: -3.9rem;
            top:0.5rem;
        }
    }
}
